doctype html
html
  head
    title = yield :title
    meta[name="viewport" content="width=device-width, initial-scale=1.0"]
    link[rel="apple-zealot-icon" sizes="60x60" href="#{asset_path('zealot-icon.png')}"]
    link[rel="apple-zealot-icon" sizes="120x120" href="#{asset_path('zealot-icon@2x.png')}"]
    link[rel="apple-zealot-icon" sizes="180x180" href="#{asset_path('zealot-icon@3x.png')}"]
    link[rel="icon" type="image/x-icon" href="#{asset_path('zealot-icon@3x.png')}"]
    == favicon_link_tag 'zealot-icon.png'
    == stylesheet_link_tag 'application', 'data-turbolinks-track': 'reload'
    == render 'layouts/dark_mode', appearance: Setting.site_appearance
    == javascript_include_tag 'application', 'data-turbolinks-track': 'reload', defer: true
    == csrf_meta_tags

  body[
    data-controller="global"
    data-global-root-url-value="#{root_url}"
    data-global-appearance-value="#{current_user&.appearance || Setting.site_appearance}"
  ]
    .wrapper
      == render 'layouts/navigation'

      .app-wrapper
        section.content
          .error-page
            h2.headline.text-warning = @code
            .error-content
              h3
                i.icon.fa-solid.fa-exclamation-triangle.text-warning
                | Oops! Page not found.
              p
                | We could not find the page you were looking for.
                | Meanwhile, you may
                a href="../../index.html"  return to dashboard
                | or try using the search form.
              form.search-form
                .input-group
                  input.form-control name="search" placeholder="Search" type="text" /
                  .input-group-append
                    button.btn.btn-warning name="submit" type="submit"
                      i.fa-solid.fa-search
